﻿/*banner轮播 BEGINS*/
.bd li{ float: left; width: 1200px;}
.slider .bd{ width: 1200px; position: absolute; left: 50%; margin-left: -600px;overflow: visible!important;}
.slider{ width: 100%; min-width: 1200px; height: 420px; position: relative; overflow-x: hidden;overflow-y:hidden;   text-align: center;margin-top:20px; }
.slider .tempWrap{ overflow: visible !important;}
.slider .tempWrap ul{ margin-left: -1200px !important;}
.slider .bd li{ width: 1200px; overflow-x: hidden;}
.slider .hd{ position: absolute; width: 100%; left: 0; z-index: 1; height: 8px; bottom:20px; text-align: center;}
.slider .hd li{ display: inline-block; zoom: 1; width: 8px; line-height: 99px; height: 8px; overflow: hidden; margin:0 5px; background: url("../img/slider-btn.png") 0 -10px no-repeat; cursor: pointer; opacity: .6; filter:alpha(opacity=60);}
.slider .hd li.on{ opacity: 1; background-position: 0 0; filter:alpha(opacity=100);}
.slider .pnBtn{ position: absolute; z-index: 1; top: 0; width: 100%; height: 420px; cursor: pointer;}
.slider .prev{ left: -50%; margin-left: -600px;}
.slider .next{ left: 50%; margin-left: 600px;}
.slider .pnBtn .blackBg{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 420px; background: #000; opacity: .5; filter:alpha(opacity=50);}
.slider .prev .arrows{ right: 0; background: url("../img/slider-arrow.png") -90px 190px no-repeat;}
.slider .next .arrows{ left: 0; background: url("../img/slider-arrow.png") 20px 190px no-repeat;}
.slider .pnBtn .arrows{ display: none; position: absolute; top:0; z-index: 1; width: 60px; height: 420px;}
.bannerImg img { width: 1200px; height: 420px;}
.slider .prev {
    left: -50%;
    margin-left: -600px;
}
.slider .pnBtn {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 420px;
    cursor: pointer;
}
/**特色主题**/
.Characteristic {
}
.Characteristic a {
    text-decoration:none;
}
.centerHead { text-align: center; height: 70px; background-position: 0 -75px; margin:40px 0 20px; }
.centerHead p { font-size: 18px; color: #7D45A1; font-family: "Times New Roman"}
.centerHead h3{ font-size: 32px; font-weight: normal;color: #7D45A1; }

.Characteristic ul {
    list-style-type:none;
    display:inline;
}
.Characteristic ul li{
    width: 320px;
    float: left; 
    display: inline; 
    background-color: #fff;
}
.Characteristic ul li img{
    width: 320px;
     height:275px;
}
.Characteristic ul li .Characteristic_head {
    height:275px;
}
.Characteristic ul li .Characteristic_center_head {
    height:275px;
}

.Characteristic ul li .Characteristic_head h3 {
    /*margin-top:50px;*/ 
    padding-top:50px;
    text-align:center;
    margin-bottom:60px;
}
.Characteristic ul li .Characteristic_head p {
    text-align:center;
    margin-bottom:5px;
    font-size:14px;
    padding:5px;
}
.Characteristic ul li .Characteristic_image img {
    width:320px;
    height:275px;
}

.Characteristic ul li .Characteristic_image:after {
  position: absolute;
  bottom: 0;
  left: 13%;
  top:50%;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: " ";
  border-right: 15px solid transparent;
  border-top: 15px solid #fff;
  border-left: 15px solid transparent;
}
.Characteristic ul li .Characteristic_image2:after {
  position: absolute;
  top: 47.5%;
  left: 43%;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: " ";
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
}
.Characteristic ul li .Characteristic_image3:after {
  position: absolute;
  bottom: 0;
  left: 73%;
  top:50%;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: " ";
  border-right: 15px solid transparent;
  border-top: 15px solid #fff;
  border-left: 15px solid transparent;
}
/**特色主题End**/

/**目的地**/
.destination {
}
.destination p,.destination h3 {
color:#fff;
}
.destination .destination_body {
    margin-top:60px;
    height:636px;
    background:#fff url('../img/private.jpg');
}
/**目的地End**/

/**私人订制**/
.private {
}

.private .private-head .private-push1
{
    background: #fff url('/Content/ytcms/img/private1.jpg') repeat;
    height:110px;
    width:110px;
    text-align:center;

}
.private .private-head .private-push2
{
    background: #fff url('/Content/ytcms/img/private2.jpg') repeat;
    height:110px;
    width:110px;
}
.private .private-head .private-push3
{
    background: #fff url('/Content/ytcms/img/private3.jpg') repeat;
    height:110px;
    width:110px;
}
.private-title p {
    text-align:center;
    color:#936395;
    font-size:18px;
    height: 18px;
    line-height: 15;
}
.private-body {
    background-color:#794695;
    height:230px;
    margin-top:250px;
}
.private-body .container {
margin-top: -258px;
}
.private-offset {
    margin-left:9%;
}
.private-title a {
    text-decoration:none;
}

#popularbrands {position:relative; padding:0 0 20px 0}

/*Brand*/
.list_carousel {
	margin: 0 0 30px 60px;
	width: 900px;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	text-align: center;
	width: 285px;
	height: 440px;
	/*padding: 10px 5px; 
    margin: 6px;*/
    margin-left:10px;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
#prev  {
    background: url(../img/carousalarrow.png) no-repeat scroll 8px center ;
    position: absolute;
    font-size: 24px;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    height: 35px;
    width: 25px;
    top: 320px;
    left: 46px;
}
#next {
    background:url(../img/carousalarrow.png) no-repeat scroll -18px center ;  
    position:absolute; 
    font-size:24px;  
    text-indent:-9999px; 
    display:block; 
    overflow:hidden; 
    height:35px; 
    width:25px; 
    right:0; 
    top:320px
}

.view {
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask{
	 /*width: 285px;*/
	 height: 440px;
	 overflow: hidden;
	 position: absolute;
	 top: 0;
	 left: 0;
	 cursor: pointer;
}
.view img {
   display: block;
   position: relative;
}
.info {
   display: inline-block;
   text-decoration: none;
   margin-top:8em;
   color: #fff;
   text-transform: uppercase;
 }
.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color:rgba(0, 0, 0, 0.5);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   border:10px solid #CBCBCB;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first h3 {
    padding:30px 0 30px 0;
}
.view-first h3 a{ 
    font-size:20px;
    color:#fff;
}
 .ch-scenic-more-info {
    border: 1px solid #7D45A1;
    width: 60px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.ch-scenic-more-info a {
    text-decoration:none;
    color:#7D45A1;    
}
.mask .ch-scenic-more-info {
    margin-left:40%;
} 
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   font-size:14px;
   color:#fff;
   padding:10px;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
/**私人订制End**/
/**纯玩攻略**/
.pure_list_carousel {
	margin: 0 0 30px 60px;
	width: 900px;
}
.pure_list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.pure_list_carousel li {
	text-align: center;		
	width: 285px;
	/*height: 440px;*/
	padding: 10px 5px; 
    margin: 6px;
	display: block;
	float: left;
}
.pure_list_carousel.responsive {
	width: auto;
	margin-left: 0;
}

.view .pure_list_mask{
	 /*width: 285px;*/
	 height: 100%;
	 overflow: hidden;
	 position: absolute;
	 top: 0;
	 left: 0;
	 cursor: pointer;
}

.view-first .pure_list_mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color:rgba(0, 0, 0, 0.5);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   border:10px solid #CBCBCB;
}
.view-first:hover .pure_list_mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.pure_list_mask-next {
    text-align:center;
    position: absolute;
    left: 44%;
    /*margin-top:20px;*/
}

.pager {
    width:100%;
    height:20px;
    border:1px solid #C7C8CA;
    background-color:#C7C8CA;
}
.pager a {
    display:none;
    height:20px;
    width:200px;
    float:left;
}